<template>
	<view class="share">
		<!-- 分享banner -->
		<view >
			<image src="../../static2/fenx.png" mode="" style="width: 750rpx;height: 390rpx;"></image>
		</view>
		<!-- 分享二维码 -->
		<view class="weimas">
			<image src="../../static2/erwei.png" mode="" style="width: 42rpx;height: 42rpx;display: inline-block;margin-left: 25rpx;transform: translateY(-10rpx);"></image>
			<view style="display: inline-block;margin-left: 31rpx;line-height: 50rpx;">
			<view style="font-size: 32rpx;">分享二维码</view>
			<view style="font-size: 24rpx;color: rgba(241, 51, 51, 1);">分享二维码后请让客户关注鑫链卡微信公众号</view>
			</view>
			<image src="../../static2/gengduo.png" mode="" style="width: 19rpx;height: 34rpx;margin-left: 125rpx;transform: translateY(-10rpx);"></image>
		</view>
		<!-- 分享公众号 -->
		<view class="weimass">
			<image src="../../static2/wex.png" mode="" style="width: 42rpx;height: 42rpx;margin-left: 25rpx;margin-right: 31rpx;transform: translateY(10rpx);"></image>
			<text style="font-size: 32rpx;">分享鑫琏卡微信公众号（<text style="font-size: 32rpx;color: rgba(252, 128, 128, 1);font-weight: bold;">客服</text>）</text>
			<image src="../../static2/gengduo.png" mode="" style="width: 19rpx;height: 34rpx;margin-left: 155rpx;"></image>
		</view>
	</view>
</template>

<script>
	import gracePage from "../../graceUI/components/gracePage.vue";
	export default {
		data() {
			return {}
		},
		onLoad:function(){},
		methods:{},
		components:{
			gracePage
		}
	}
</script>

<style>
	.weimas{
		width: 750rpx;
		height: 100rpx;
		background-color: #FFFFFF;
		margin-top: 21rpx;
		
	}
	.weimass{
		width: 750rpx;
		height: 100rpx;
		background-color: #FFFFFF;
		margin-top: 21rpx;
		line-height: 100rpx;
	}
</style>


<!-- .grace-flex // 声明 flex
.grace-rows // flex 横向
.grace-columns  //flex 竖向
.grace-wrap //flex 自动换行
.grace-nowrap //flex 横向不换行
.grace-space-between //flex 横向两端对齐
.grace-flex-end //flex 横向右对齐
.grace-flex-center  //flex 横向居中
.grace-flex-top  //flex 垂直顶端对齐
.grace-flex-vcenter //flex 垂直居中对齐
.grace-flex-bottom //flex 垂直底部对齐
.grace-no-scale //元素不缩放 -->
